.message {
    overflow: hidden;
    
    .status {
        right: @size * .5;
        bottom: @size;
        padding: @space @space * 2;
        border: 2px solid #999;
        box-shadow: 0 0 @space @bg-dark;
        font-size: 26px;
        font-weight: bold;
        color: #666;
        background-color: @bg-light;
        position: absolute;
        pointer-events: none;
        transform: rotate(-20deg);
        animation: statusShow .5s;
        &.red {
            border-color: @red;
            color: @red;
            box-shadow: 0 0 @space @red;
        }
    }
    .left {
        width: 90%;
        height: 100%;
        padding: @space;
        float: left;
        transition: width 500ms;
        overflow: hidden;
        &.full {
            width: 100%;
            overflow: auto;
        }
    }
    .right {
        top: 0;
        right: 0;
        width: ~'calc(100%)';
        height: 100%;
        padding: @space;
        background-color: #fff;
        float: right;
        position: absolute;
        overflow: auto;
        .header {
            top: 0;
            left: 0;
            width: 100%;
            padding: @space @space * 2 @space @space;
            .borderBottom();
            z-index: 2;
            background-color: #fff;
            position: absolute;
        }
    }
    .reply {
        width: 100%;
        height: 100%;
        padding: @space;
        padding-top: @size * .5;
        overflow: auto;
    }
    .reply-list {
        >.item {
            margin: @space;
            .border(#ddd);
            font-size: 13px;
            background-color: #f5f5f5;
            .flexBetween();
            align-items: flex-start;
            position: relative;
            .info {
                width: 150px;
                padding: @space;
                font-size: 14px;
                text-align: center;
                position: relative;
                overflow: hidden;
                img {
                    width: 100%;
                    .border();
                }
            }
            .content {
                flex: 1;
                height: 100%;
                min-height: 175px;
                padding: @space;
                .borderLeft(#ddd);
                background-color: #fff;
                position: relative;
            }
            .sign {
                bottom: @space;
                right: @space;
                position: absolute;
            }
            .tag {
                top: -@space * 2.2;
                right: 0;
                right: -@space * 5.2;
                width: @size;
                height: @space * 3;
                z-index: 1;
                color: #fff;
                background-color: @blue;
                transform: rotate(45deg);
                transform-origin: top left;
                position: absolute;
                .flexCenter();
            }
        }
    }
}